<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>ADM004 Page</title>
<script type="text/javascript">
	function toggleMe(a) {
		var e = document.getElementById(a);
		if (!e)
			return true;
		if (e.style.display == "none") {
			e.style.display = "block"
		} else {
			e.style.display = "none"
		}
		return true;
	}
</script>
</head>
<body>
<f:view>
	<!-- Begin vung header -->
	<jsp:include page="header.jsp"></jsp:include>
	<!-- End vung header -->

	<!-- Begin vung input-->
	<h:form>
		<table class="tbl_input" border="0" width="75%" cellpadding="0"
			cellspacing="0">
			<tr>
				<th align="left">
				<div style="padding-left: 100px;"><h:outputLabel value="情報確認" /><br>
				<h:outputLabel value="入力された情報をＯＫボタンクリックでＤＢへ保存してください" /></div>
				<div style="padding-left: 100px;">&nbsp;</div>
				</th>
			</tr>
			<tr>
				<td align="left">
				<div style="padding-left: 100px;">
				<table border="1" width="70%" class="tbl_input" cellpadding="4"
					cellspacing="0">
					<tr>
						<td class="lbl_left"><h:outputLabel value="アカウント名:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.loginName}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="グループ:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.groupName}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="氏名:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.fullName}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="カタカナ氏名:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.fullNameKana}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="生年月日:" /></td>
						<td align="left"><h:outputLabel
							value="#{userManaged.birthdayYear}/#{userSession.birthdayMonth}/#{userSession.birthdayDay}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="メールアドレス:" /></td>
						<td align="left"><h:outputLabel value="#{userSession.email}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="電話番号:" /></td>
						<td align="left"><h:outputLabel value="#{userSession.tel}" /></td>
					</tr>
					<tr>
						<th colspan="2"><a href="#"
							onclick="return toggleMe('display');">日本語能力</a></th>
					</tr>
				</table>
				<table id="display" style="display: none;" border="1" width="70%"
					class="tbl_input" cellpadding="4" cellspacing="0">
					<tr>
						<td class="lbl_left"><h:outputLabel value="資格:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.nameLevel}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="資格交付日:" /></td>
						<td align="left"><h:outputLabel
							value="#{userManaged.startYear}/#{userSession.startMonth}/#{userSession.startDay}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="失効日:" /></td>
						<td align="left"><h:outputLabel
							value="#{userManaged.endYear}/#{userSession.endMonth}/#{userSession.endDay}" /></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputLabel value="点数:" /></td>
						<td align="left"><h:outputLabel
							value="#{userSession.totalStr}" /></td>
					</tr>
				</table>
				</div>
				</td>
			</tr>
		</table>
		<div style="padding-left: 100px;">&nbsp;</div>
		<!-- Begin vung button -->
		<div style="padding-left: 45px;">
		<table border="0" cellpadding="4" cellspacing="0" width="300px">
			<tr>
				<th width="200px" align="center">&nbsp;</th>
				<td><h:commandButton styleClass="btn" value="OK"
					action="#{userManaged.doDone}" /></td>
				<td><h:commandButton styleClass="btn" value="戻る"
					action="#{userManaged.doBack}" /></td>
			</tr>
		</table>
		</div>
		<!-- End vung button -->
		<!-- End vung input -->
	</h:form>
	<!-- Begin vung footer -->
	<jsp:include page="footer.jsp"></jsp:include>
	<!-- End vung footer -->
</f:view>
</body>
</html>